72 | Working with Storybook
In this episode, Amy shares her experience with working with Storybook, the pros and cons, and how it's changed her developer workflow.
In this episode, Amy shares her experience with working with Storybook, the pros and cons, and how it's changed her developer workflow.
Sponsors
ZEAL
ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit codingzeal.com
Vercel
Vercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.
For more information, visit Vercel.com
DatoCMS
DatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."
For more information, visit datocms.com
Show Notes
- 0:00 Introduction
- 7:17 Quick Rant: Wired Headphones
- 8:49 Design Systems
- 10:36 Supports Multiple Libraries and Frameworks
- 12:28 Sponsor: ZEAL
- 13:13 How do you enter all the information into Storybook?
- Frontend Masters: Design Systems with React & Storybook - Emma Bostian
- 18:24 Storybook in the Wild: Building out Frontend Components for Backend Developers
- 22:17 Comparing Storybook to Testing
- 25:31 Sponsor: Vercel
- 26:39 Breaking Down a Component
- 29:29 Add-Ons with Storybook
- 31:28 Storybook and Figma Integration
- 31:46 Sponsor: DatoCMS
- 32:40 Do you use Storybook at work?
- 33:39 Do you think Redwood is an option that you'll use more of going forward? Or, do you think Storybook is something that you implement outside of Redwood in some of your existing setups?
- 35:05 Is Redwood something teams should be looking at for new projects?
- 36:32 Grab Bag Questions
- 39:16 Picks and Plugs
- 39:26 James's Pick: Spike Ball
- 41:07 James's Plug: TikTok
- 42:25 Amy's Pick: PARA Method
- 43:42 Amy's Plug: Everything Svelte